<!DOCTYPE html>

<html>

	<head>

		<!-- 页面字符编码 -->

		<meta charset="utf-8">

		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">

		<meta name="apple-mobile-web-app-capable" content="yes">

		<meta name="apple-mobile-web-app-status-bar-style" content="black">

		<title></title>

		<link href="../../css/mui.min.css" rel="stylesheet" />

		<link href="../../fonts/iconfont.css" rel="stylesheet" />

		<link href="../../css/ecommerce.css" rel="stylesheet" />
        <script type="text/javascript" src="../../laydate/laydate.js"></script>

	</head>

	<body>

		<div class="mui-content">
		 
		    <div id="header" class="cart-content">
			    <p class="iconfont icon-fanhui confirm-icon"></p>
			    <div class="w_title cart-box">
			       	<p class="c-order">Payment</p>
			    </div>			       	
		    	
		    </div>

            <!-- 进度条 -->
		    <div class="jindu">
		    	<div class="jd-div">
		    		<ul class="jd-div-ul">
		    		    <p class="bg-white"></p>
		    		    <p class="bg-black" style="width:50%;"></p>
		    			<li>
		    			    <div class="confirm-box">
		    				    
		    					<i class="iconfont icon-daizi3 icon-wihite"></i>
		    				</div>
		    			</li>
		    			<li>
		    			    <div class="confirm-box">
		    				   
		    					<i class="iconfont icon-dizhi icon-wihite"></i>
		    				</div>
		    				
		    			</li>
		    			<li>
		    			    <div class="confirm-box">
		    				   
		    					<i class="iconfont icon-jinbi" style="background:#fff;"></i>
		    				</div>
		    				
		    			</li>
		    			<li>
		    			    <div class="confirm-box rewrite-border">
		    				  
		    					<i class="iconfont icon-shape11"></i>
		    				</div>
		    				
		    			</li>
		    		</ul>
		    	</div>
		    </div>

		    <div class="payment">

		        <div>
		            <ul>
			       	   <li class="visa-both li-left margin-r"><i class="iconfont icon-Visa"></i></li>
			       	   <li class="visa-mid li-mid margin-r"><i class="iconfont icon-Visa"></i></li>
			       	   <li class="visa-both li-right"><i class="iconfont icon-Visa"></i></li>
		       	    </ul>
		        </div>

		        <div class="content login3-box login-part7" id="scan_card">
		        	<button class="send part7-login-btn payment-btn">Scan Card</button>  
		        </div>

		        <div class="or">
		        	or
		        </div>

		        <div class="payment-form">
			        <form action="" class="form6">		
	                    <label for=""><input type="text" placeholder="Full Name"></label>
                        <label for=""><input type="text" placeholder="Cart Number"></label>
                        <div class="daytime">
				            <div class="auto">
					    	<div id="test2" class="float">
					    		<p>MM</p>
					    		<i class="iconfont icon-down"></i>
					    	</div>
					    	<div id="test3"  class="float">
					    		<p>YYYY</p>
					    		<i class="iconfont icon-down"></i>
					    	</div>
					    	<div id="test4"  class="float">
					    		<p>CVV</p>
					    	</div>
					    	<div class="clear"></div>
				    	    </div>
				   		</div>
                        <label for="">
                        	<input type="checkbox"><p class="save-info">Save credit cart information</p>
                        </label>
		        	</form>
		        	
			    </div>

			    
		    	
		    </div>

		   

		    <div class="content login3-box login-part7 payment-footer" >

		        <div class="cart-mid bbb">
		     
		        	<button class="send payment-btn">Next Step</button>  	
		        	<button class="send part7-login-btn payment-btn">Back</button>  	
		        </div>
		    </div>

		
		</div>

		<!--底部导航-->


	</body>

</html>
<script type="text/javascript">
    window.onload= function(){
		//年选择器
		laydate.render({
		  elem: '#test2'
		  ,type: 'year'
		});
		//年月选择器
		laydate.render({
		  elem: '#test3'
		  ,type: 'month'
		});
		//时间选择器
		laydate.render({
		  elem: '#test4'
		  ,type: 'time'
		});
}
		
			
</script>

